{% block head %}
	<link href="{{ path }}css/bootstrap.css" rel="stylesheet">
	<link href="{{ path }}css/bootstrap-overrides.css" rel="stylesheet">
    <link rel="stylesheet" href="{{ path }}css/estilo_imprimir.css" type="text/css" media="print" />
    
{% endblock %}

{% load humanize %}

<script type="text/javascript">
	$( $(".btn[id^='pag']") ).click(function() {
        pago_id = $(this).attr('pago');
		$.ajax({
                url: "/cartera/estudiantes/pagar/",
                type: "POST",
                data : {pago_id:pago_id,
                        csrfmiddlewaretoken : $('#csrf_token >div >input').attr("value")
                         },
                dataType: "html",
                success: function(datos) {
                    $('#pagar').html(datos);
                }
            });
    });

</script>
<div class="widget widget-table">
	<div align="center">
        <p><h1>{{ configuracion.institucion }}</h1></p>
        <p><h2>Reporte Consumo de Productos</h2></p>
	</div>
	<div align="center">
		<p>Fecha inicio: {{ inicio }}</p>
		<p>Fecha fin: {{ fin }}</p>
	</div>

	<table class="table table-striped table-bordered table-highlight" id="tblHistorial">
		<thead>
		<tr>
			<th width="10%" align="center">Código</th>
			<th width="20%" align="center">Producto</th>
			<th width="8%" align="center">Lote</th>
			<th width="8%" align="center">Factura Venta</th>
			<th width="10%" align="center">Sede</th>
			<th width="5%" align="center">Cant.</th>
			<th width="8%" align="center">V. venta</th>
			<th width="8%" align="center">Iva</th>
		</tr>
		</thead>
		<tbody>
		
		{% for inv in Inventarios %}
			<tr class="{% cycle '' 'odd' %}">
				<td align="right"><label>{{ inv.producto.producto.codigo|default_if_none:0 }}</label></td>
				<td align="left"><label>{{ inv.producto.producto.nombre|default_if_none:0 }}</label></td>
				<td width="8%" align="right"><label>{{ inv.producto.lote|default_if_none:0 }}</label></td>
				<td width="8%" align="right"><label>{{ inv.factura_venta.numero }}</label></td>
				<td width="10%" align="center"><label>{{ inv.factura_venta.sede.nombre }}</label></td>
				<td align="center"><label>{{ inv.cantidad }}</label></td>
				<td width="8%"><label>{{ inv.valor_unitario|default_if_none:0|intcomma }}</label></td>
				<td width="8%"><label>{{ inv.iva|default_if_none:0|intcomma }}</label></td>
			</tr>
		{% endfor %}
		</tbody>
	</table>
</div> <!-- /. widget-table -->